@import "../ui/style/spacing";
@import "../ui/style/typography";
@import "./vcs-manager-sizes";

.VcsManager {
    width: 100%;
    height: 100%;

    &__title {
        width: 100%;
        height: $vcs-manager-title-size;
        padding: 0 $spacing-half;
        border-top: 1px solid transparent;
    }

    &__title > h1 {
        margin: 0;
        padding: 0 $spacing-half;

        font: {
            size: $font-size;
            weight: $font-weight-semiBold;
        };
    }

    &__syncResultMessage {
        padding: $spacing-half;
    }

    &__tabContent {
        &--hidden {
            display: none !important;
        }
    }

    &__itemsContainer {
        overflow-y: auto;
    }

    &__itemList {
        width: 100%;

        .VcsItemPane {
            width: 100%;
        }
    }

    &__actionbar {
        width: 100%;
        height: $vcs-manager-actionbar-size;
        padding: 0 $spacing-half 0 $spacing;
    }

    &__history {
        overflow-y: auto;
    }
}
